.dark-skin #container {
  background-color: #666;
}

.dark-skin .content {
  border: 0;
  box-shadow: none;
}

.dark-skin .toolbar-button{
	color: white;
	
}

.dark-skin #modules .select .select-item{
	color: white;
} 

.dark-skin #modules .select-arrow{
	background-color: transparent;
}

.dark-skin #tutorial-pages {
    background-color:transparent;
}

.dark-skin #title {
  color: #FFF;
}

.dark-skin .logo {
  font-weight: bold;
}

.dark-skin .toolbar {
  background-color: #272822;
  border-bottom: 0;
}

.dark-skin #tutorial-content {
  background-color: #272822;
  color: #fff;
}

.dark-skin ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px #888;
}

.dark-skin ::-webkit-scrollbar-thumb {
    background: #DDD;
}

.dark-skin ::-webkit-scrollbar-corner,
.dark-skin ::-webkit-scrollbar-thumb:window-inactive {
    background: #888;
}

.dark-skin .editor-title {
  color: #666;
}

.dark-skin #skin {
  color: #EEE;
}

.dark-skin #tutorial-content pre {
  background-color: transparent;
  border: 1px solid #555;
}

.dark-skin #tutorial-content pre > code {
  border: none;
  color: #FFF;
}

.dark-skin #tutorial-content h2 {
  color: #DDD;
}

.dark-skin #tutorial-content code {
  background-color: transparent;
  border: 1px solid #555;
  color: #F92672;
}

.dark-skin #tutorial-content a {
  color: #6ABED8;
}

.dark-skin #module-title {
  color: #FFF;
}

.dark-skin #skin-switch {
  background-image: url('../assets/icons/eye2.svg');
}

.dark-skin .tooltip:hover:after{
    color: #333;
    background: rgba(240,240,240,.9);
}

.dark-skin .tooltip:hover:before{
    border-color: rgba(240,240,240,.9) transparent;
}

.dark-skin .content{
	background-color: #272822;
	color: #fff;
}